<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/movie.css">
    <title>电影-小黑电影</title>
</head>

<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="header-inner">
            <h1 class="logo">
            </h1>
            <div class="city">
                <span>郑州</span>
                <span class="icon"></span>
                <div class="城市列表">
                </div>
            </div>
            <a href="./index.html">首页</a>
            <a href="./movie.html" class="active">电影</a>
            <a href="./cinema.html">影院</a>
            <a href="./perform.html">演出</a>
            <a href="#">榜单</a>
            <a href="#">热点</a>
            <a href="#">商城</a>
            <div class="search">
                <input type="text" placeholder="找影视剧、影人、影院">
            </div>
            <a href="#" class="user"><span class="icon"></span></a>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 导航开始 -->
    <div class="nav">
        <div class="nav-inner">
            <a href="#" id="hot-movie" class="active">正在热映</a>
            <a href="#" id="come-movie">即将上映</a>
            <a href="#" id="classics-movie">经典影片</a>
        </div>
    </div>
    <!-- 导航结束 -->
    <!-- 分类开始 -->
    <div class="category">
        <div class="top">
            <div class="left">
                <span>类型：</span>
            </div>
            <div class="right">
                <a href="#" class="active">全部</a><a href="#">爱情</a><a href="#">喜剧</a>
                <a href="#">动画</a><a href="#">剧情</a><a href="#">恐怖</a>
                <a href="#">惊悚</a><a href="#">科幻</a><a href="#">动作</a>
                <a href="#">悬疑</a><a href="#">冒险</a><a href="#">战争</a>
                <a href="#">运动</a><a href="#">家庭</a><a href="#">古装</a>
                <a href="#">武侠</a><a href="#">西部</a><a href="#">历史</a>
                <a href="#">转机</a><a href="#">歌舞</a><a href="#">黑色电影</a>
                <a href="#">短片</a><a href="#">纪录片</a><a href="#">戏曲</a>
                <a href="#">音乐</a><a href="#">灾难</a><a href="#">青春</a>
                <a href="#">儿童</a><a href="#">其他</a>
            </div>
        </div>
        <div class="middle">
            <div class="left">
                <span>区域：</span>
            </div>
            <div class="right">
                <a href="#" class="active">全部</a>
                <a href="#">大陆</a>
                <a href="#">美国</a>
                <a href="#">韩国</a>
                <a href="#">日本</a>
                <a href="#">中国香港</a>
                <a href="#">中国台湾</a>
                <a href="#">泰国</a>
                <a href="#">印度</a>
                <a href="#">法国</a>
                <a href="#">英国</a>
                <a href="#">俄罗斯</a>
                <a href="#">意大利</a>
                <a href="#">西班牙</a>
                <a href="#">德国</a>
                <a href="#">波兰</a>
                <a href="#">意大利</a>
                <a href="#">伊朗</a>
                <a href="#">其他</a>
            </div>
        </div>
        <div class="bottom">
            <div class="left">
                <span>年代：</span>
            </div>
            <div class="right">
                <a href="#" class="active">全部</a>
                <a href="#">2023</a>
                <a href="#">2022</a>
                <a href="#">2021</a>
                <a href="#">2020</a>
                <a href="#">2019</a>
                <a href="#">2018</a>
                <a href="#">2017</a>
                <a href="#">2016</a>
                <a href="#">2015</a>
                <a href="#">2014</a>
                <a href="#">2013</a>
                <a href="#">2012</a>
                <a href="#">2010</a>
                <a href="#">00年代</a>
                <a href="#">90年代</a>
                <a href="#">80年代</a>
                <a href="#">70年代</a>
                <a href="#">更早</a>
            </div>
        </div>
    </div>
    <!-- 分类结束 -->
    <!-- 正在热映开始 -->
    <div class="movie-list-hot" id="hot">
        <h2>
            <span class="icon active"></span><i>按热门排序</i>
            <span class="icon"></span><i>按时间排序</i>
            <span class="icon"></span><i>按评价排序</i>
        </h2>
        <div class="list">
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_1.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_1">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_5">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_3">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_4">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_5">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_2.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_2">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_1.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_1">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_5">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_3">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_4">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_5">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_2.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="./cinema.html?name=movie_2">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
        </div>
    </div>
    <!-- 正在热映结束 -->
    <!-- 即将上映开始 -->
    <div class="movie-list-come unshow" id="come">
        <h2>
            即将上映
        </h2>
        <div class="list">
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_1.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_2.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_1.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_1.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
        </div>
    </div>
    <!-- 即将上映结束 -->
    <!-- 经典影片开始 -->
    <div class="movie-list-classics unshow" id="classics">
        <h2>
            经典影片
        </h2>
        <div class="list">
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_2.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_2.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_5.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_2.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_3.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_4.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
            <div class="item">
                <div class="photo">
                    <img src="./images/source/movie_1.jpg" alt="">
                    <div class="img-hover">
                        <h1>八佰</h1>
                        <p>类型：<span>热血/爱国/战争</span></p>
                        <p>主演：<span>吴京/某某/某某</span></p>
                        <p>上映：<span>2020/01/01</span></p>
                    </div>
                    <a href="#">购票</a>
                </div>
                <a href="">八佰</a>
                <span>9.7</span>
            </div>
        </div>
    </div>
    <!-- 经典影片结束 -->
    <!-- 分页开始 -->
    <div class="check-page">
        <a href="#">上一页</a>
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">...</a>
        <a href="#">12</a>
        <a href="#">下一页</a>
    </div>
    <!-- 分页结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <!-- 顶部开始 -->
        <div class="top">
            <dl>
                <dt algin="center">关于小黑电影事业群</dt>
                <dd><a href="./index.html" target="_parent">友情链接</a></dd>
                <dd><a href="./index.html" target="_parent">广告服务</a></dd>
                <dd><a href="./index.html" target="_parent">联系我们</a></dd>
            </dl>
            <dl>
                <dt>优酷热门</dt>
                <div>
                    <ul class="popular">
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                    </ul>
                </div>
            </dl>
            <dl>
                <dt>产品中心</dt>
                <dd><a href="./index.html" target="_parent">PC客户端</a></dd>
                <dd><a href="./index.html" target="_parent">手机客户端</a></dd>
                <dd><a href="./index.html" target="_parent">视频云</a></dd>
            </dl>
            <dl>
                <dt>用户</dt>
                <dd><a href="./index.html" target="_parent">繁体版</a></dd>
                <dd><a href="./index.html" target="_parent">在线反馈</a></dd>
                <dd><a href="./index.html" target="_parent">侵权投诉</a></dd>
            </dl>
        </div>
        <!-- 中部开始 -->
        <div class="middle">
            <dl>
                <dd>网络文化经营许可证 经文网[2014]0934-234号</dd>
                <dd>网络110报警服务</dd>
                <dd>药品服务许可证(京)-经营-2015-0029</dd>
                <dd>节目制作经营许可证京字670号</dd>
            </dl>
            <dl>
                <dd>请使用者仔细阅读优酷《用户协议》、《隐私政策》、《版权声明》、《用户协议》、《用户协议》和历史协议文本</dd>
                <dd>Copyring@2023小黑xiaohei.com版权所有</dd>
            </dl>
            <dl>
                <dd>京ICP证060288号</dd>
                <dd>网络出版服务许可证</dd>
                <dd>北京互联网举报中心</dd>
                <dd>北京12318文化市场举报热线</dd>
            </dl>
            <dl>
                <dd><img src="./images/source/test_code.png" alt=""></dd>
            </dl>
        </div>
        <!-- 底部开始 -->
        <div class="bottom">
            <dl>
                <dt><img src="./images/footer/icon1.png" alt=""></dt>
                <dd>经营性网站备案信息</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon2.png" alt=""></dt>
                <dd>中国互联网诚信联盟</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon3.png" alt=""></dt>
                <dd>中国互联网举报中心</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon4.png" alt=""></dt>
                <dd>网络举报APP下载</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon5.png" alt=""></dt>
                <dd>京公网安备1100000</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon6.png" alt=""></dt>
                <dd>网络文化经营单位</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon7.png" alt=""></dt>
                <dd>暴恐音视频举报中心</dd>
            </dl>
        </div>
    </div>
    <!-- 底部结束 -->
    <!-- 实现切换模块 -->
    <script>
        var hot = document.getElementById("hot-movie");
        var come = document.getElementById("come-movie");
        var classics = document.getElementById("classics-movie")
        var divhot = document.getElementById("hot");
        var divcome = document.getElementById("come");
        var divclassics = document.getElementById("classics")

        hot.onclick = function () {
            hot.classList.add("active");
            come.classList.remove("active");
            classics.classList.remove("active");
            divhot.classList.remove("unshow");
            divcome.classList.add("unshow");
            divclassics.classList.add("unshow");
        }
        come.onclick = function () {
            come.classList.add("active");
            hot.classList.remove("active");
            classics.classList.remove("active");
            divcome.classList.remove("unshow");
            divhot.classList.add("unshow");
            divclassics.classList.add("unshow");

        }
        classics.onclick = function () {
            classics.classList.add("active");
            come.classList.remove("active");
            hot.classList.remove("active");
            divclassics.classList.remove("unshow");
            divcome.classList.add("unshow");
            divhot.classList.add("unshow");
        }
    </script>
</body>

</html>